<template>
	<view class="flex flex-row items-center py-2 px-3-1" hover-class="bg-1" hover-start-time="0" hover-stay-time="100">
		<view>
			<text class="iconfont text-xxxxl color-active" :class="icon"></text>
		</view>
		<view class='flex-1 pl-1-3'>
			<text class='color-main text-m'>{{title}}</text>
		</view>
		<view>
			<text class='iconfont icon-arrow-right color-secondary text-xxl'></text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			title: String,
			icon: String
		}
	}
</script>

<style>
</style>
